<?xml version='1.0' encoding='utf-8' ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
		<title>10_Element Characteristics Management</title>
		<link type="text/css" rel="stylesheet" href="PLUGINS_ROOT/org.polarsys.capella.doc/html/styles.css"/>
	</head>
	<body>
		<h1 id="Element_Characteristics_Management">Element Characteristics Management</h1>
		<h2 id="Anchor_on_inner_element_border">Anchor on inner element border</h2>
		<p>In order to improve the diagram aspect, it is now possible 
			<b>to link the edges closely to the images</b>. You only need to use images with a transparent background (SVG images).
		</p>
		<p>
			<img border="0" src="../../Images/Tips33.png"/>
		</p>
		<h2 id="Hide.2FModify_Container_Borders">Hide/Modify Container Borders</h2>
		<p>The ability to 
			<b>hide border on a container element</b> can be useful especially when 
			<b>an image is displayed</b>.
		</p>
		<p>To hide the border of a node in the diagram, you can set the 
			<b>
				<i>Border Size to 0</i>
			</b> 
			<b>
				<i>in the Properties View / Style tab</i>
			</b>
		</p>
		<p>
			<img border="0" src="../../Images/Tips34.png"/>
		</p>
		<p>In contrast, it can be useful to change the container border 
			<b>to highlight a container or a kind of container.</b>
		</p>
		<p>To modify the border line style of a node in the diagram, you can set 
			<b>
				<i>the Border Line Size to dot, dash, dash_dot in the Properties View / Style tab</i>
			</b>
		</p>
		<p>
			<img border="0" src="../../Images/Tips38.png"/>
		</p>
		<h2 id="Hide_container_Icon">Hide container Icon</h2>
		<p>It is also possible to hide icon on container 
			<b>to improve the readability of the diagrams.</b>
		</p>
		<p>To hide the border of a node in the diagram, you can set the 
			<b>
				<i>Show Icon to false in the Properties View / Style tab</i>
			</b>
		</p>
		<p>
			<img border="0" src="../../Images/Tips35.png"/>
		</p>
		<h2 id="Hide.2Fmodify_container_label">Hide/modify container label</h2>
		<p>It is also possible to hide label on container 
			<b>to</b> 
			<b>improve the readability of the diagrams.</b>
		</p>
		<ul>
			<li>Label on a diagram can be hidden by simply right clicking on the graphical element (or elements if you want to hide several label elements at once) you want to hide. Then, choose 
				<b>
					<i>Show/Hide / Hide label</i>
				</b>. The label element is now hidden from view. To reveal it, select 
				<b>
					<i>Show label</i>
				</b>
			</li>
		</ul>
		<p>
			<div class="thumb">
				<div class="thumbinner" style="width:702px;">
					<a href="../../Images/Tips48.png" class="image">
						<img class="thumbimage" width="700" border="0" src="../../Images/Tips48.png"/>
					</a>
				</div>
			</div>
		</p>
		<ul>
			<li>From the tool-bar using the 
				<b>
					<i>Hide label button</i>
				</b>.
			</li>
		</ul>
		<p>
			<img border="0" src="../../Images/Tips50.png"/>
		</p>
		<ul>
			<li>From the outline view, you can see every model element. Choose outline mode to see the semantic model in a tree viewer. You can now right click on an element and choose 
				<b>''Hide label</b> (or in contrast, 
				<b>Show label</b>)''.
			</li>
		</ul>
		<p>
			<img border="0" src="../../Images/Tips51.png"/>
		</p>
		<ul>
			<li>From a tree viewer. When there is no selected element on the diagram, the tab bar provides the button 
				<b>
					<i>Show/Hide</i>
				</b>. This button opens a dialog to manage shown and hidden elements with their labels on the diagram with a tree view.
			</li>
		</ul>
		<p>To hide label element, you have to deselect it.</p>
		<p>
			<img border="0" src="../../Images/Tips52.png"/>
		</p>
		<ul>
			<li>From the shortcut: 
				<b>
					<i>Ctrl + L</i>
				</b>. And to reveal it:
				<b>
					<i>Ctrl + Shift + L</i>
				</b>.
			</li>
		</ul>
		<h2 id="Change_Label_Appearance">Change Label Appearance</h2>
		<p>It can be useful to change the container label appearance 
			<b>to highlight a container or a kind of container.</b>
		</p>
		<p>To modify the label appearance of a node in the diagram, you can select underline, strikethrough functionalities in the 
			<b>
				<i>Properties View / Appearance tab</i>
			</b>.
		</p>
		<p>
			<div class="thumb">
				<div class="thumbinner" style="width:702px;">
					<a href="../../Images/Tips37.png" class="image">
						<img class="thumbimage" width="700" border="0" src="../../Images/Tips37.png"/>
					</a>
				</div>
			</div>
		</p>
		<h2 id="Hiding_elements">Hiding elements</h2>
		<p>There are two ways to hide elements:</p>
		<ul>
			<li>Element on a diagram can be hidden explicitly. To do that, simply right click on the graphical element (or elements if you want to hide several elements at once) you want to hide. Then, choose 
				<b>
					<i>Show/Hide / Hide element</i>
				</b>. The graphical element is now hidden from view. 
			</li>
		</ul>
		<p>
			<div class="thumb">
				<div class="thumbinner" style="width:702px;">
					<a href="../../Images/Tips42.png" class="image">
						<img class="thumbimage" width="700" border="0" src="../../Images/Tips42.png"/>
					</a>
				</div>
			</div>
		</p>
		<ul>
			<li>From the tool-bar using the 
				<b>
					<i>Hide element</i>
				</b> button.
			</li>
		</ul>
		<p>
			<img border="0" src="../../Images/Tips44.png"/>
		</p>
		<ul>
			<li>From the outline view, you can see every model element. Choose outline mode to see the semantic model in a tree viewer. You can now right click on an element and choose 
				<b>Hide element</b>.
			</li>
		</ul>
		<p>
			<img border="0" src="../../Images/Tips45.png"/>
		</p>
		<ul>
			<li>From a tree viewer. When there is no selected element on the diagram, the tab bar provides the button 
				<b>
					<i>Show/Hide</i>
				</b>. This button opens a dialog to manage shown and hidden elements on the diagram with a tree view.
			</li>
		</ul>
		<p>To hide elements, you have to deselect it.</p>
		<p>
			<img border="0" src="../../Images/Tips46.png"/>
		</p>
		<h2 id="Reveal_hidden_elements">Reveal hidden elements</h2>
		<p>There are two ways to reveal hidden elements:</p>
		<ul>
			<li>From the outline view, in outline mode, you can see every model element. The elements that are hidden have their names displayed in italic style and their icon is decorated with a yellow dot in the top left corner. To reveal one of these elements, simply right click on it and choose Show element.</li>
		</ul>
		<p>
			<img border="0" src="../../Images/Tips47.png"/>
		</p>
		<ul>
			<li>From a tree viewer. When there is no selected element on the diagram, the tab bar provides the button 
				<b>
					<i>Show/Hide</i>
				</b>. This button opens a dialog to manage shown and hidden elements on the diagram with a tree view.
			</li>
		</ul>
		<p>To show elements, you have to select it.</p>
		<p>
			<img border="0" src="../../Images/Tips46.png"/>
		</p>
		<h2 id="Delete_element_from_diagram.2Fmodel">Delete element from diagram/model</h2>
		<ul>
			<li>
				<i>Delete from Diagram</i>. This action removes the selected graphical element from the diagram, but does not delete the corresponding semantic elements. It is only available on un-synchronized diagrams or element types.
			</li>
		</ul>
		<p>
			<img border="0" src="../../Images/Tips53.png"/>
		</p>
		<ul>
			<li>
				<i>Delete from Model.</i> This action removes both the selected graphical element and the corresponding semantic elements.
			</li>
		</ul>
		<p>
			<img border="0" src="../../Images/Tips54.png"/>
		</p>
	</body>
</html>